<script setup>
import { RouterLink,RouterView,useRouter } from 'vue-router';



</script>

<template>
    <div class="box">
          <h3>任务备忘录</h3>
          <RouterView/>
          <div class="bot">
               <RouterLink to="/home/text">备忘录</RouterLink>
               <RouterLink to="/home/add">新建</RouterLink>
               <RouterLink to="/home/mine">我的</RouterLink>
          </div>
    </div>
</template>

<style lang="scss" scoped>
.box{
     display: flex;
     flex-direction: column;
     height: 100vh;
     width: 100vw;
}
h3{
     height: 40px;
     background: #ED7B30;
     text-align: center;
     line-height: 40px;
}

.bot{
     width: 100%;
     height: 50px;
     background: #eee;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     position: fixed;
     bottom: 0;
     left: 0;
     a{
          width: calc(100% / 3);
          text-align: center;
     }
     .router-link-active{
          color: #ED7B30;
     }
}
</style>
